<template>
    <el-container class="container">
        <el-header class="header-box">
            <Header />
        </el-header>
        <el-container class="container" style="height: calc(100% - 60px)">
            <div class="no-auth">
                <div class="no-auth-inner">
                    <div class="na-text">亲，您没有访问权限</div>
                </div>
            </div>
        </el-container>
    </el-container>
</template>
<script>
import Header from '@/layout/mainControl/Header'
export default {
    components: { Header }
}
</script>
<style lang='scss' scoped>
    .container{
        height: 100vh;
        background: url('~@/assets/workStation/backgroundBox.png') no-repeat left center;
        .aside{
            width: 200px;
            height: 100%;
            overflow-y: auto;
            background: #fff;
        }
        .main{
            // height: 100%;
            padding: 40px 0 0 0;
            background: #f2f2f2;
            position: relative;
            .m-container{
                padding: 20px;
                height: 100%;
                // margin-bottom: 20px;
                overflow-y: auto;
            }
        }
    }

    .no-auth{
        position: absolute;
        left: 0;
        top: 60px;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        .no-auth-inner{
            .na-img{
                font-size: 0;
                text-align: center;
            }
            .na-text{
                margin-top: 60px;
                font-size: 28px;
                color: white;
            }
        }
    }

</style>
